* {
    margin: 0;
    padding: 0;
}
.slider {
    width: 300px;
    height: 100%;
    padding: 0;
    margin: 0;
    .slider-main {
        width: 100%;
        height: 100%;
        position: relative;
            overflow: hidden;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-transform: translate3d(0,0,0);
               -moz-transform: translate3d(0,0,0);
                    transform: translate3d(0,0,0);
        .slider-list {
            font-size: 0;
            -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                    flex-shrink: 0;
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
            .slider-list-m {
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -webkit-flex-direction: row;
                   -moz-box-orient: horizontal;
                   -moz-box-direction: normal;
                    -ms-flex-direction: row;
                        flex-direction: row;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                   -moz-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                -webkit-box-align: center;
                -webkit-align-items: center;
                   -moz-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                img {
                    width: 100%;
                    height: auto;
                }
            }
            
            
        }
    }
}